* {
    word-break:normal;
}



.article-wrapper{
    width: 850px;
    margin: 0 auto;
    max-width:80%;
}

.sp-center{
    display:none;
}

.content h1{
    font-size:30px;
    border-bottom:0.5px solid #a9a9a9;
    margin-bottom: 20px;
    padding-bottom:15px;
    padding-top: 30px;
}

.content h2{
    border:0.5px solid #a9a9a9;
    border-left:6px solid #0577c9;
    padding:20px  0 20px 20px;
    font-size:20px;
    margin-top: 50px;
  }

.futures-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    height: 800px;
}

.future-item{
    border-radius: 18px;
    box-shadow: 2px 2px 6px rgb(139, 139, 139);
    width: 30%;
    height: 30%;
    background-color: #094067;
    /*----個別で色変えるかも----*/
    text-align: center;
    transition:all 0.2s ease-out;
}


h3{
    font-size: 20px;
    padding-bottom: 10px;
}

.future-item p{
    font-size: 15px;
}

.center{
    color:#094067;
    width: 30%;
    height: 30%;
    text-align: center;
}

.future-item:hover{
    transform: translateY(-5px) scale(1.02);
}


.future-item a{
    color: rgb(255, 255, 255);
    display: block;
    
    padding: 25px;
}

.future-image{
    width: 60%;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 10%;
}
@media screen and (max-width: 767px) {
    .article-wrapper{
        max-width: 90%;
    }
    h3{
        font-size: 15px;
        padding-bottom: 10px;
    }
    .center{
        display:none;
    }

    .sp-center{
        display:block;
        padding:20px 0;
    }
    .article-wrapper{
        height:900px;
    }


    .futures-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        height: 500px;
        flex-direction: row;
        align-items:center;
        justify-content:space-around;
    }

    .future-item{
        border-radius: 18px;
        box-shadow: 2px 2px 6px rgb(139, 139, 139);
        width: 45%;
        height: 30%;
        background-color: #094067;
        /*----個別で色変えるかも----*/
        text-align: center;
        transition:all 0.2s ease-out;
        margin-bottom: 15px;
    }
}